<script setup lang="ts">

</script>

<template>
  <div class="list-items flex flex-col items-center">
    <slot />
    <div class="list-item-user mt-3">
      <slot name="content"></slot>
    </div>

    <div class="mt-3 h-full w-full">
      <slot name="bottom" />
    </div>
  </div>
</template>

<style scoped lang="less">
.list-items {
@apply p-3;
@apply bg-white;
@apply rounded-lg;
@apply shadow cursor-pointer;
@apply hover:shadow-lg;
  width: 223px;
  //height: 282px;
}
.list-item-user {
@apply bg-[#f3f8fc];
@apply rounded-lg;
  width: 213px;

  //height: 141px;
}
</style>
